<template>
  <div id="CompanyIntroduction">
    <div class="banner container-fuild text-center">专利权评估报告</div>
    <div class="container">
      <div class="row CompanyIntroduction-container">
        <!-- <div class="col-xs-6 col-sm-6 col-md-3 wow zoomIn">
          <img
            class="img-responsive center-block"
            src="@/assets/img/about_img.png"
          />
        </div> -->
        

        <div class="col-xs-24 col-sm-24 col-md-12">
            
          <div class="row_bw">
         <div class="van-hairline--surround pd box"> 
           <div class="tit">简易自评</div>
           <van-button type="info" class="mt2">进入自评按钮</van-button>
         </div>
          <div class="van-hairline--surround pd box"> 
           <div class="tit">专业版评估报告</div>
           <van-button type="info" class="mt2">进入自评按钮</van-button>
         </div>
          </div>

        </div>
   

      </div>
    </div>
  </div>
</template>
<script>
import { WOW } from "wowjs";

export default {
  name: "PinGu",
  data() {
    return {
      key_w: "",
      pickCity:''
    };
  },
  mounted() {
    var wow = new WOW();
    wow.init();
  },
  methods: {
    go_xq() {
      this.$router.push("/expertxq");
    },
    onClear() {
      console.log("23");
      this.key_w = "";
    },
    onSearch2(e) {
      console.log("e:", e, this.key_w);
    },
    onSearch(e) {
      console.log(e);
    },
  },
};
</script>
<style scoped>
.box{
    width: 30vw;

}
.l_img{
    width: 150px;
    height: 150px;
}
.under_box {
  /* width: 18%; */
}

.list_card {
  padding: 5px;
}
.list_card_top {
  background-color: #4f4f4f;
  color: white;
  padding: 10px;
}

.l_box {
  width: 15%;
}
.r_box {
  width: 80%;
}
.center {
  display: flex;
  align-items: center;
}
.banner {
  color: #fff;
  font-size: 30px;
  height: 150px;
  line-height: 150px;
  background-image: url("../assets/img/banner1.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background-position: center center;
}
.row {
  margin-right: 0;
  margin-left: 0;
}
.CompanyIntroduction-container {
  padding: 100px 0;
  color: #808080;
  transition: all ease 0.5s;
}
.CompanyIntroduction-container > div > p {
  font-size: 14px;
  line-height: 2.5rem;
}
@media screen and (max-width: 997px) {
  .CompanyIntroduction-container {
    padding: 10px 0;
    color: #808080;
  }
}
</style>

